.orderDetalis {
    padding: 0px 20px;
    padding-bottom: 20px;
    background-color: white;

    .toubu {
        display: flex;
        height: 80px;
        align-items: center;

        p {
            &:nth-child(2) {
                color: #999;
            }
        }
    }

    .caozuo {
        height: 50px;
        display: flex;
        justify-content: space-between;
        align-items: center;

        .daojishi {
            display: flex;

            p {
                color: red;

                &:nth-child(1) {
                    margin-right: 10px;
                }
            }
        }

        .anjian {
            button {
                width: 125px;
                height: 45px;
                border-radius: 10px;
                margin-left: 10px;
                outline: none;
                border: 0;
                border: 1px solid #ccc;
                background-color: white;

                &:nth-child(3) {
                    border: 1px solid red;
                    color: red;
                }
            }
        }
    }

    .jingdutiao {
        margin: 20px 0;

        :nth-child(1) {
            margin: 0 auto;
        }
    }

    .dindanshangp {
        border: 1px solid #ccc;

        .dindanshangp-tou {
            padding: 0 20px;
            height: 40px;
            line-height: 40px;
            background-color: #ffecee;
        }

        .dindanshangp-checked {
            display: flex;
            .left-box {
                width: 768px;
                border-right:1px solid #ccc ;
                ul {
                    li {
                        padding: 25px 20px;
                        display: flex;
                        justify-content: space-between;
                        border-bottom: 1px solid #ccc;

                        &:last-child {
                            border: 0;
                        }

                        .checked-left {
                            display: flex;

                            .picture-dindan {
                                width: 110px;
                                height: 100px;
                                overflow: hidden;
                                border: 1px solid #ccc;
                                margin-right: 10px;

                                img {
                                    width: 100%;
                                }
                            }

                            .text-dindan {
                                p {
                                    &:nth-child(2) {
                                        font-size: 14px;
                                        color: rgb(177, 177, 177);
                                        margin-top: 10px;
                                        margin-bottom: 5px;
                                    }
                                }

                                span {
                                    padding: 2px 4px;
                                    font-size: 12px;
                                    color: white;
                                    background-color: red;
                                    border-radius: 4px;
                                }
                            }
                        }

                        .checked-right {
                            text-align: end;
                        }
                    }
                }
            }
            .right-box{
                display: flex;
                align-items: center;
                justify-content: center;
                width: 200px;
            }

        }
    }
}

.shoujianren{
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
    .shoujianren-title{
        margin-right: 20px;
    }
    .shoujianren-son{
        p{
            &:first-child{
                margin-bottom: 10px;
            }
        }
    }
}